<template>
  <div>
    <el-menu class="aside-wrapper"  :collapse="true"  @select="handleMenuItemSelect">
      <el-menu-item index="db">
        <i class="el-icon-menu"></i>
        <span>数据库信息</span>
      </el-menu-item>
      <el-menu-item index="set">
        <i class="el-icon-setting"></i>
        <span>设置</span>
      </el-menu-item>
    </el-menu>
  </div>

</template>

<script>
export default {
  name: "AsideMenu",
  data() {
    return {
      isCollapsed: true,     // 右侧初始是折叠
    }
  },
  methods: {
    handleMenuItemSelect(index) {
      this.$emit("sideMenuItemClick", {index});
    },

  },

}
</script>

<style scoped>
.aside-wrapper {
  width: 90px;
  background-color: transparent;
}
.el-menu-item {
  text-align: center;
}
.el-menu {
  border: none;
}
.menu-content {
  width: 300px;
  height: 100%;
  border-right: 1px solid #B3C0D1;
}

</style>